import styled from 'styled-components'
export const Container = styled.div`
html{
    background: #eee;
}
body{
    width:100%;
}
.area{
    width:1200px;
    background:#fff;
    margin:20px auto;
    .ant-tabs-tab{
        height:50px;
        font-size:16px;
        margin-left:25px;
    }
    .banxin{
        position:relative;
        width:1140px;
        background:#fff;
        height:578px;
        margin:0 auto;

        .btn{
            float:left;
            width:130px;
            
            .ant-modal-content{
                height:592px;
            }
            .ant-btn{
                font-size:14px;
                width:130px;
                height:36px;
                border-radius:3px;
                font-weight: 700
            }
            img{
                width:16px;
                height:16px;
                position:absolute;
                top:5px;
                left:5px;
                
            }
            .bodyStyle{
                font-weight: 700;
                font-style: normal;
                color: #1C90F3;

            }

        }
        .tim{
             margin-left:45px;
             float:left;
             width:250px;
             margin-right:10px;
             color:#000;
             .ant-picker-range-separator{
                 margin-left:-20px;
                 margin-right:10px;
             }
        }
        .menu1{
            float:left;
            height:32px;
            width:142px;
            background:#fff;
            position:relative;
            margin-left:10px;
            color:#000;
            .ant-dropdown-link{
                color:#000;
                position:absolute;
                top:5px;
                left:20px;
                span{
                    margin-left:10px;
                }
            }
        }
        .ant-input{
            float:left;
            width:150px;
            height:33px;
            margin-left:13px;
      

        }
        .ant-btn{
            float:right;
            border-radius:4px;
        }
        .tab{
            float:left;
            width:100%;
            margin-top:15px;
            th{
                background:#f6f9fe;
                text-align:center;
            }
            td{
            text-align:center;
                &:nth-child(9){
                } 
            }
       }  
       .sorter{
           position:absolute;
           bottom:50px;
           right:20px;
       }





       .editable-cell {
        position: relative;
      }
      
      .editable-cell-value-wrap {
        padding: 5px 12px;
        cursor: pointer;
      }
      
      .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        padding: 4px 11px;
      }
      
      [data-theme='dark'] .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #434343;
      }
    }
}
`